<div class="clear"></div>

  <div class="container_12">
    <div class="grid_12">
       <div class="breadcrumbs">
	      <a href="__ROOT__">首页</a><span>&#8250;</span>
	      
	       <foreach name="parentArray" item="parentCate">
	      	 <a href="{:U('Index/proList',array('cateid'=>$parentCate['id']))}">{$parentCate['name']}</a>
	      	 <span>&#8250;</span>
	      </foreach>
	      
	      <span class="current">{$proDetail['name']}</span>
	      
       </div><!-- .breadcrumbs -->
    </div><!-- .grid_12 -->
  </div><!-- .container_12 -->
  
  
<div id="summernote">hello world!</div>
<!-- JiaThis Button BEGIN --><div id="ckepop">
<span class="jiathis_txt">分享到：</span>
<a class="jiathis_button_weixin">微信</a> 
<a href="http://www.jiathis.com/share"  class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a>
<a class="jiathis_counter_style"></a> </div> 
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1" charset="utf-8"></script>
</div> <!-- JiaThis Button END -->
<!-- JiaThis Button BEGIN -->


<div id="ckepop">
<span class="jiathis_txt">分享到：</span>
<a class="jiathis_button_qzone">QQ空间</a>
<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a>

</div>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->





  <div class="clear"></div>

  <section id="main">
    <div class="container_12">
       <div id="sidebar" class="grid_3">
	      {:W('Cate/getCategory',array($proDetail['category_id']))}

       </div><!-- .sidebar -->

       <div id="content" class="grid_9">
	      <h1 class="page_title">{$proDetail['name']}</h1>

		<div class="product_page">
			<div class="grid_4 img_slid" id="products">
				<img class="sale" src="__IMG__/sale.png" alt="Sale"/>
				<div class="preview slides_container">
					<div class="prev_bg">
						<a href="__ROOT__/{$proDetail['mainpic']}" class="jqzoom" rel='gal1' title="">
							<img src="__ROOT__/{$proDetail['mainpic']}"  title="" alt=""/>
						</a>
					</div>
				</div><!-- .prev -->

				<ul class="pagination clearfix" id="thumblist">
					<li>
						<a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '__ROOT__/<?php echo $proDetail[mainpic]; ?>',largeimage: '__ROOT__/<?php echo $proDetail['mainpic']; ?>'}">
							<img src="__ROOT__/{$proDetail['mainpic']}" alt="">
						</a>
					</li>
				</ul>
				<div class="next_prev">
					<a id="img_prev" class="arows" href="#"><span>Prev</span></a>
					<a id="img_next" class="arows" href="#"><span>Next</span></a>
				</div><!-- . -->
			</div><!-- .grid_4 -->

			<div class="grid_5">
				<div class="entry_content">
					<div class="review">
						<a class="plus" href="#"></a>
						<a class="plus" href="#"></a>
						<a class="plus" href="#"></a>
						<a href="#"></a>
						<a href="#"></a>
						<span>评论(S)</span>
						<a class="add_review" href="#">回复评论</a>
					</div>
					<p>评论信息</p>
					<div class="ava_price">
						<div class="availability_sku">
							<div class="availability">
								库存: <span>有现货</span>
							</div>
							<div class="sku">
								属性: <span>颜色</span>
							</div>
						</div><!-- .availability_sku -->

						<div class="price">
							<div class="price_new">{$proDetail['shop_price']}</div>
							<div class="price_old">{$proDetail['market_price']}</div>
						</div><!-- .price -->
					</div><!-- .ava_price -->

					<div class="block_cart">
						<div class="obn_like">
							<div class="like"><a href="#" class="like">加入收藏</a></div>
						</div>
						
						
						<div class="cart">
							<a id="addcart" href="javascript:void(0);" class="bay">加入购物车</a>
							<input type="text" name="pnum" proid="{$proDetail['id']}" class="number" value="1" />
							<span>数量:</span>
						</div>
<script>
$(function(){
	$("#addcart").click(function(){
		var proid=$('input[name="pnum"]').attr("proid");
		var pronum=$('input[name="pnum"]').val();
		$.get('{:U("Cart/addcart")}',
				{"proid":proid,"pronum":pronum},
				function(data){
					alert(data);
			},"json");
	});
});


</script>
						
						
						<div class="clear"></div>
					</div><!-- .block_cart -->
				</div><!-- .entry_content -->

			</div><!-- .grid_5 -->

			<div class="clear"></div>

			<div class="grid_9" >
				<div id="wrapper_tab" class="tab1">
					<a href="#" class="tab1 tab_link">产品描述</a>
					<a href="#" class="tab2 tab_link">产品评论</a>
					<a href="#" class="tab3 tab_link">购买记录</a>

					<div class="clear"></div>

					<div class="tab1 tab_body">
						产品描述
							{$proDetail['des']['des']}
					</div><!-- .tab1 .tab_body -->

					<div class="tab2 tab_body">
						<h4>评论</h4>
						<ul class="comments">
							<li>
								<div class="autor">Mike Example</div>, <time datetime="2012-11-03">03.11.2012</time>

								<div class="evaluation">
									<div class="quality">
										<strong>质量评分</strong>
										<a class="plus" href="#"></a>
										<a class="plus" href="#"></a>
										<a class="plus" href="#"></a>
										<a href="#"></a>
										<a href="#"></a>
									</div>
									<div class="price">
										<strong>价格评分</strong>
										<a class="plus" href="#"></a>
										<a class="plus" href="#"></a>
										<a class="plus" href="#"></a>
										<a class="plus_minus" href="#"></a>
										<a href="#"></a>
									</div>
									<div class="clear"></div>
								</div><!-- .evaluation -->

								<p>Suspendisse at placerat turpis. Duis luctus erat vel magna pharetra aliquet. Maecenas tincidunt feugiat ultricies. Phasellus et dui risus. Vestibulum adipiscing, eros quis lobortis dictum.</p>
							</li>

							
						</ul><!-- .comments -->

							<h4>评论</h4>
							<div class="evaluation">
								<div class="quality">
									<strong>质量评分</strong><sup class="surely">*</sup>
									<input class="niceRadio " type="radio" name="quality" value="1" /><span class="eva_num">1</span>
									<input class="niceRadio" type="radio" name="quality" value="2" /><span class="eva_num">2</span>
									<input class="niceRadio" type="radio" name="quality" value="3" /><span class="eva_num">3</span>
									<input class="niceRadio" type="radio" name="quality" value="4" /><span class="eva_num">4</span>
									<input class="niceRadio" type="radio" name="quality" value="5" /><span class="eva_num">5</span>
								</div>
								<div class="price">
									<strong>价格评分</strong><sup class="surely">*</sup>
									<input class="niceRadio" type="radio" name="price" value="1" /><span class="eva_num">1</span>
									<input class="niceRadio" type="radio" name="price" value="2" /><span class="eva_num">2</span>
									<input class="niceRadio" type="radio" name="price" value="3" /><span class="eva_num">3</span>
									<input class="niceRadio" type="radio" name="price" value="4" /><span class="eva_num">4</span>
									<input class="niceRadio" type="radio" name="price" value="5" /><span class="eva_num">5</span>
								</div>
								<div class="clear"></div>
							</div><!-- .evaluation -->

							<div class="nickname">
								<strong>昵称</strong><sup class="surely">*</sup><br/>
								<input type="text" name="uname" class="" value="" />
							</div><!-- .nickname -->

							
							<div class="clear"></div>

							<div class="text_review">
								<strong>评论</strong><sup class="surely">*</sup><br/>
								<textarea  name="coment"></textarea>
								<i>TIPS:不能提交html代码</i>
							</div><!-- .text_review -->
							<input id="reComent" type="submit" value="提交评论" />
						<script type="text/javascript">
							$(function(){
								$("#reComent").click(function(){
									var rescore=$('input[name="quality"]:checked').val();
									var rescore2=$('input[name="price"]:checked').val();
									var uname=$('input[name="uname"]').val();
									var coment=$('input[name="coment"]').val();

									$.post('{:U("Index/subComent")}',
										   {'score':rescore+"|"+rescore2,'uname':uname,'coment':coment},
										   function(data){
											   if(data.length>0)
												{
													alert("评论成功！！！");
												}
											   else{
													alert("评论失败！！~");
												}
											},
										'json');

									

								});
								

							})
						</script>
						
					<div class="clear"></div>
					</div><!-- .tab2 .tab_body -->

					<div class="tab3 tab_body">
						<h4>购买的历史记录</h4>
					<div class="clear"></div>
					</div><!-- .tab3 .tab_body -->
					<div class="clear"></div>
				</div>​<!-- #wrapper_tab -->
				<div class="clear"></div>
			</div><!-- .grid_9 -->

			<div class="clear"></div>

			<div class="related">
				<div class="c_header">
					<div class="grid_7">
						<h2>Related Products</h2>
					</div><!-- .grid_7 -->

					<div class="grid_2">
						<a id="next_c1" class="next arows" href="#"><span>Next</span></a>
						<a id="prev_c1" class="prev arows" href="#"><span>Prev</span></a>
					</div><!-- .grid_2 -->
				</div><!-- .c_header -->

				<div class="list_carousel">

				<ul id="list_product" class="list_product">
					<li class="">
						<div class="grid_3 product">
							<img class="sale" src="__IMG__/sale.png" alt="Sale"/>
							<div class="prev">
								<a href="product_page.html"><img src="__IMG__/product_1.png" alt="" title="" /></a>
							</div><!-- .prev -->
							<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
							<div class="cart">
								<div class="price">
									<div class="vert">
										<div class="price_new">$550.00</div>
										<div class="price_old">$725.00</div>
									</div>
								</div>
								<a href="#" class="obn"></a>
								<a href="#" class="like"></a>
								<a href="#" class="bay"></a>
							</div><!-- .cart -->
						</div><!-- .grid_3 -->
					</li>

					<li class="">
						<div class="grid_3 product">
							<div class="prev">
								<a href="product_page.html"><img src="__IMG__/product_2.png" alt="" title="" /></a>
							</div><!-- .prev -->
							<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
							<div class="cart">
								<div class="price">
									<div class="vert">
										<div class="price_new">$550.00</div>
										<div class="price_old">$725.00</div>
									</div>
								</div>
								<a href="#" class="obn"></a>
								<a href="#" class="like"></a>
								<a href="#" class="bay"></a>
							</div><!-- .cart -->
						</div><!-- .grid_3 -->
					</li>

					<li class="">
						<div class="grid_3 product">
							<div class="prev">
								<a href="product_page.html"><img src="__IMG__/product_3.png" alt="" title="" /></a>
							</div><!-- .prev -->
							<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
							<div class="cart">
								<div class="price">
									<div class="vert">
										<div class="price_new">$550.00</div>
										<div class="price_old">$725.00</div>
									</div>
								</div>
								<a href="#" class="obn"></a>
								<a href="#" class="like"></a>
								<a href="#" class="bay"></a>
							</div><!-- .cart -->
						</div><!-- .grid_3 -->
					</li>

					<li class="">
						<div class="grid_3 product">
							<div class="prev">
								<a href="product_page.html"><img src="__IMG__/product_4.png" alt="" title="" /></a>
							</div><!-- .prev -->
							<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
							<div class="cart">
								<div class="price">
									<div class="vert">
										<div class="price_new">$550.00</div>
										<div class="price_old">$725.00</div>
									</div>
								</div>
								<a href="#" class="obn"></a>
								<a href="#" class="like"></a>
								<a href="#" class="bay"></a>
							</div><!-- .cart -->
						</div><!-- .grid_3 -->
					</li>
			        </ul><!-- #list_product -->
				</div><!-- .list_carousel -->
			</div><!-- .carousel -->
		</div><!-- .product_page -->
		<div class="clear"></div>

       </div><!-- #content -->

      <div class="clear"></div>

    </div><!-- .container_12 -->
  </section><!-- #main -->

  <div class="clear"></div>